html {
    overflow-y: scroll;
}
body {
  font-family: "Trebuchet MS",Arial,Helvetica;
}
h1, h2, h3 {
    color: #133675;
    font-size: 1.4em;
}
img {
  border: none
}
/*
main
*/
div.main  {
  position : relative;
  width: 890px;  
  z-index: 0;
}
div.main p {
  font-size: 0.9em;
  line-height : 1.4em;
  text-align: justify;
}
div.main a {
  text-decoration : none;
}
div.main a:hover h4  {
  text-decoration : underline;
}
div.main h1 {
  font-size: 1.3em;
  color : #000;
}
div.main h2 {
  font-size: 1.3em;
  color : #fff;
}
div.main h3 {
  font-size: 1.3em;
  color : #CC071E;
}
div.main h4 {
  font-size: 1.3em;
  color : #133675;
}
div.main-top {
  width: 890px;  
}
div.main-top .first {
  float : left;
  width : 190px;
  height : 274px;
}
div.main-top .knippen {
  background: url(../img/home-foto-2.png) no-repeat left top;
}
div.main-top .stomerij {
  background: url(../img/home-foto-3.png) no-repeat left top;
}
div.main-top .auto-wassen {
  background: url(../img/home-foto-4.png) no-repeat left top;
}
div.main-top .boodschappen {
  background: url(../img/home-foto-5.png) no-repeat left top;
}
div.main-top .klussen {
  background: url(../img/home-foto-6.png) no-repeat left top;
}
div.main-top .strijken {
  background: url(../img/home-foto-7.png) no-repeat left top;
}
div.main-top .second {
  float : left;
  width : 700px;
  height : 274px;
  background: url(../img/home-bg-2.png) repeat-y left top;
  z-index : 0;
}
div.main-bottom {
  width: 890px;  
}
div.main-bottom  .first{
  float : left;
  width : 190px;
  height : 185px;
  margin-top : 10px;
  /*border : solid green 1px;*/
}
div.relative {
  position:relative;
}
div.main-bottom  .second { 
  float : left;
  width : 340px;
  height : 185px;
  margin-left : 0px;
  margin-top : 10px;
  background: url(../img/home-panel-1.png) no-repeat left top;
}
div.services-panel-wrapper {
  float : left;
  width : 700px;
}
div.services-panel-wrapper h3, div.services-panel-wrapper h4 {
  margin : 0 0!important;
}
div.services-panel-wrapper p {
  margin : 0 0!important;
}
div.services-panel-wrapper a.info {
  position:absolute; 
  left: 10px; 
  bottom: 15px;
}
div.services-panel-wrapper a.best {
  position:absolute; 
  right: 7px; 
  bottom: 15px;
}
div.panel-red2 { 
  float : left;
  width : 340px;
  height : 181px;
  margin-left : 0px;
  margin-top : 1px;
  background: url(../img/home-panel-red2.png) no-repeat left top;
}
div.panel-blue2 { 
  float : left;
  width : 340px;
  height : 181px;
  margin-left : 0px;
  margin-top : 1px;
  background: url(../img/home-panel-blue2.png) no-repeat left top;
}
div.panel-red { 
  float : left;
  width : 340px;
  height : 180px;
  margin-left : 0px;
  margin-top : 0px;
  background: url(../img/home-panel-red2.png) no-repeat left top;
}
div.main-bottom  .third { 
  float : left;
  width : 340px;
  height : 185px;
  margin-left : 10px;
  margin-top : 10px;
  background: url(../img/home-panel-2.png) no-repeat left top;
}
div.panel-blue { 
  float : left;
  width : 340px;
  height : 180px;
  margin-left : 0px;
  margin-top : 0px;
  background: url(../img/home-panel-blue2.png) no-repeat left top;
}
div.main-button {
  position : absolute;
  top : 220px;
  left : 130px;
  width : 99px;
  height : 99px;
}
div.main-button {
  margin : 0;
  padding : 0;
}
div.content-blok {
  color: #000;
  margin: 10px 15px 0 15px;
  font-size: 100%; 
}
div.content-blok p {
  margin: 5px 0 5px 0;
}

/*
content
*/
#content {
  min-height : 360px;
}

/*
header 
*/
#header {
  position: relative;
}
#header .logo {
  position : absolute;
  top : 9px;
  width : 243px;
  height : 129px;
  background-image: url("../img/logo3.png");
}
#header .banner {
  position : absolute;
  top : 60px;
  left : 330px;
  color : #CC071E;
  font-size: 100%;
  font-weight : bold;
}
#content-header .path {
	font-size: 90%;
  font-style: italic;
  margin-left : 190px;
  float : left;
}
#content-header .user {
  color : #8A8985;
  font-size : 90%;
  float : right;
  font-style: italic;
}
#content-header a {
  color : #8A8985;
}
#content-header a:hover {
  text-decoration: underline;
}

#header table.menu  {
  position : absolute;
  top : 135px;
  border-collapse : collapse;
  padding : 0;
  margin-top : -10px;
  width : 890px;
  font-size: 120%;
  color : #969696;
}
#header table.menu  td, #header table.menu  th {
  padding : 0;
  margin : 0;
}
#header table.menu .top-line  td.first {
  height : 5px;
  width : 160px;
  background-image: url("../img/menu-line-top.png");
  background-repeat: repeat-x;
}
#header table.menu .top-line  td.second {
  width : 30px;
}
#header table.menu .top-line  td.other {
  height : 5px;
  background-image: url("../img/menu-line-top.png");
  background-repeat: repeat-x;
}
#header table.menu .bottom-line td.other {
  height : 5px;
  background-image: url("../img/menu-line-bottom.png");
  background-repeat: repeat-x;
}
#header table.menu  td.sep {
  padding : 4px;
  margin : 4px;
  width : 40px;
  background-image: url("../img/sep2.png");
  background-repeat: no-repeat;
  background-position: center center; 
}
#header  a {
  color : #969696;
}
#header .active a, #header .active {
  color : #CC071E;
}
#header #subMenuAspr {
  background-color : transparent;
  display: none;
  position: absolute; 
  top: 154px; 
  left: 298px; 
  z-index: 10;
}
#header #subMenuInner {
  background-color : transparent;
  margin-top : 10px;
  padding : 2px 2px 8px 2px;
  z-index: 10;
}
#header table.subMenu  td.sep {
  vertical-align: top;
  padding : 0px;
  margin : 0px;
  width : 20px;
  height : 20px;
  background: url("../img/sep2.png") no-repeat center 8px;
}
#header table.subMenu  td.item {
  width : 160px;
  padding-left : 10px;
  margin : 0px;
}
#header table.subMenu td.hLine {
  height: 4px;
  background-image: url("../img/menu-line-bottom.png");
  background-repeat: repeat-x;
}
#header table.subMenu a {
  color : #133675;
}
#header table.subMenu td.active a{
  color : #CC071E;
}
#header table.subMenu a.small {
  font-size : 10px;
}


/* 
labelify 
*/
input.labelinside {
    color: #999999;
}

/*
button
*/
.buttonBig {
	display: block;
	width: 252px;
	height: 38px;
	padding: 15px 0px 0px 0px;
	background: url(../img/plain-clean-img07.jpg) no-repeat left top;
	text-align: center;
	font-size: 20px!important;
	color: #FFFFFF;
}

/* 
default link 
*/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* 
clear 
*/ 
.clear {
  clear : both;
}

/* 
error 
*/ 
span.error {
  color: #CC071E;
}
.red {
  color: #CC071E;
}
input.error, select.error {
  border: 1px solid red;
}
.alert_text {
  color: #CC071E;
  font-style: italic; 
  font-size: 100%; 
  margin: 30px 0px 10px 0px;
}
.black {
  color: #000;
}
.title {
  margin: 15px 0px 5px 0px;
  font-size: 13px; 
}
.left {
  text-align: left!important;
}

/* 
dialog 
*/ 
/*
.ui-dialog span, .ui-dialog p {
  font-size: 0.9em;
  line-height : 1.4em;
  text-align: justify;
}
*/
.ui-dialog-title {
  color: #CC071E;
}
#confirm_dialog, #name_dialog, #werkgever_dialog, #login_dialog, #logout_dialog, #auto_wassen_dialog , #knippen_dialog {
  display: none;
}
#confirm_dialog p.links, #name_dialog p.links {
    margin-bottom: 0;
    padding-top: 0;
}
#werkgever_dialog input {
  width: 350px;
  margin: 2px 0px 2px 0px;
}
#rolling_text {
  color : #133675;
}

/* 
screen text 
*/ 
div.screen_text {
  color: #000;
  font-size: 110%; 
  margin: 0px 0px 0px 0px;
}
div.screen_text.kader {
  width: 500px;
  margin : 10px 0px;
  padding : 0px 5px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #AAAAAA;
}
div.screen_text.kader2 {
  margin : 10px;
  padding : 10px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #AAAAAA;
}
div.screen_text .blok{
  margin: 15px 0px 5px 0px;
  font-size: 90%; 
}
div.blok .bg, div.title .bg {
  padding : 0px 1px 0px 1px;
  border: 1px solid #D3D3D3;
  background-color: #7EA4C9;
  color : #fff;
  font-weight : normal;
}
div.popup_text {
  color: #000;
  font-size: 90%; 
  margin: 10px 0px 10px 0px;
}
p.links, p.links a, span.links, span.links a  {
  font-size: 14px; 
  font-family: Arial,Helvetica;
  color : #fff;
}
p.links a.cancel, a.cancel {
  padding-top : 4px;
  line-height : 24px;
  color: #8A8985; 
}
a.okay {
  padding-top : 4px;
  color: #336600; /* green */
}
.d-green {
  color: #336600; /* green */
}
.l-green {
  color: #99ff66; /* light green */
}

/* datetime picker */
#datetime_picker_wrapper {
  width: 890px;
/*  border: solid 1px red;*/
}
#datepicker_wrapper {
  float : left;
  font-size : 12.6px;
}
/* schedule table */
#knippen_schedule_table {
  float: left;
  font-size : 13px;
}
div.schedule_table_right {
}
table.schedule_table {
  table-layout : fixed;
  margin-left: 10px;
}
table.schedule_table tbody, table.schedule_table tbody a {
  color : #fff;
  font-weight : bold !important;
  vertical-align: top;
}
table.schedule_table td.first {
  width : 40px;
}
table.schedule_table td.second {
  width : 55px;
}
table.schedule_table td.third {
  width : 100px;
}
table.schedule_table tr th {
  text-align: left;
  font-size : 0.9em;
  padding : 0;
}
table.schedule_table tr td {
  padding : 2px;
}
table.schedule_table tr.AVAILABLE td {
  background-color: #7EA4C9; /*  */
}
table.schedule_table tr.NOT_AVAILABLE td {
  background-color: #ccc; /* grey */
}
table.schedule_table tr.RESERVED td, table.schedule_table tr.RESERVED a {
  background-color: #ccc; /* grey */
  color : #000;
}
table.schedule_table tr.CONFIRMED td {
  background-color: #ffff99;
}
table.schedule_table span.rm  a{
  color: #CC071E;
}

#reservation_history_table {
  margin-top: 10px;
  width: 300px;
}
#reservation_history_table h1 {
  font-size : 1.2em;
}

/* auto wassen */
#auto_wassen_dialog {
  font-family : Arial;
  font-size: 1em;
}
#auto_wassen_dialog .blok{
  width: 304px;
}
#auto_wassen_dialog #ui-datepicker .error{
  border: 1px solid red;
}

/* override free days background in jquery ui datepicker */
div.ui-datepicker, .ui-datepicker td, #knippen_schedule_table .ui-widget{
  font-family : Arial;
  font-size: 0.9em; 
}
.avaliable-day-past a {
  background: #8A8985 !important; /* */
  color : #000000 !important;
  font-weight : bold !important;
  opacity: 0.7 !important;
}
.avaliable-day {
  background: #7EA4C9 !important;  /* */
  color : #000000 !important;
  font-weight : bold !important;
}
.avaliable-day a {
  background: #7EA4C9 !important; /* */
  color : #000000 !important;
  font-weight : bold !important;
  opacity: 0.7 !important;
}
.avaliable-day a.ui-state-active {
  background: #CC071E !important; /* */
  color : #ffffff !important;
  font-weight : bold !important;
  opacity: 0.7 !important;
}

/* twitter */
#twtr-widget-1 {
  height : 200px;
}
.twtr-ft div, .twtr-hd  {
  padding : 4px!important;
}

/* carousel */
.list_carousel {
  position : absolute;
  top : 53px;
  right : 161px;
  background-color: #fff; /*#ccc;*/
  margin: 0;
  height: 68px;
  width: 460px;
}
.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel li {
  height: 60px;
  padding: 0;
  margin: 4px 0 0 0;
  display: block;
  float: left;
}
.list_carousel.responsive {
  width: auto;
  margin-left: 0;
}
.clearfix {
  float: none;
  clear: both;
}
